<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <link rel="shortcut icon" href="/cwp/favicon.ico" type="image/x-icon"/>
    <title>首航节能-智慧园区</title>
    <!--引入CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/style.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/list.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/table.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/paging.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/btn.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/taqs.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/bootstrap-3.3.5-dist/css/bootstrapModel.css"/>
    <!--表单验证样式-->
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/formValidator/style/validator.css"/>
    <!--树形节点样式--->
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/zTree/css/zTreeStyle/zTreeStyle.css"/>
    <style>
        .modal-body {
            overflow: auto;
        }

        .tree {
            padding-bottom: 0px;
        }

        .modal-body-tree {

        }

        .modal-body-left {
            width: 29.8%;
            float: left;
            height: 300px;
            border-right: 1px solid #e6ecec;
            padding-bottom: 65px;
        }

        .t-list-btns {
            margin-top: 0px !important;
        }

        .modal-body-right {
            width: 70%;
            float: left;
        }

        .ztree li span {
            line-height: 22px;
        }

        .ztree li span.button.bottom_close {
            background-position: -74px -33px !important;
        }

        .ztree li span.button.bottom_open {
            background-position: -92px -33px !important;
        }

        .ztree li span.button.center_close {
            background-position: -74px -15px;
        }

        .ztree li span.button.center_open {
            background-position: -92px -15px;
        }

        .ztree li span.button.roots_close {
            background-position: -74px 3px;
        }

        .ztree li span.button.roots_open {
            background-position: -92px 3px
        }

        .t-columns-1 li {
            width: 95%;
        }

        .t-columns-group li.width-all {
            width: 95%;
        }

        .tipArea div {
            padding-right: 0;
        }

        #seleVideoAreaRadioLi .spanArea {
            position: relative;
            top: -6px;
        }
    </style>
</head>
<body>

<!--头部文件 开始-->
<div id="header"></div>
<!--头部文件 结束-->
<div class="wrapper">
    <!--左侧菜单 开始-->
    <div id="left-menu"></div>
    <!--左侧菜单 结束-->
    <!--右侧内容 开始-->
    <div class="right-container">
        <div class="right-scroll">
            <div class="t-list">
                <div class="t-list-title">
                    <h2>用户管理 > 视频权限</h2>
                </div>
                <div class="t-list-search t-columns-4">
                    <ul class="t-columns-group">
                        <li>
                            <label>园区</label>
                            <div>
                                <select type="text" id="videoAreaSearchInp">
                                    <option value="">-- 请选择 --</option>
                                    <option value="1">老园区</option>
                                    <option value="2">新园区</option>
                                </select>
                            </div>
                        </li>
                        <li>
                            <label>名称</label>
                            <div><input id="groupNameSearchInp" placeholder="视频组名称"/></div>
                        </li>
                        <li>
                            <label>&nbsp;</label>
                            <div>
                                <a class="t-btn" id="groupNameSearchBtn">
                                    <i class="icon-search"></i>
                                    查询
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="t-list-btns">
                    <p>请求记录</p>
                    <span id="roleTabTotal"></span>
                    <div>
                        <a class="t-btn t-btn-blue" id="btnAddGroup">新增</a>
                    </div>
                </div>

                <div class="t-list-result">
                    <!-- 表格 -->
                    <table class="t-table" id="roleTab"></table>
                    <!-- 分页 -->
                    <div class="pagination" id="roleTabPagination"></div>
                </div>
            </div>
        </div>
    </div>
    <!--右侧内容 结束-->
</div>

<!--版权-->
<div id="copyright"></div>

<form id="frm" action="">
</form>

<!--新增修改视频组模态框-->
<div class="modal fade" id="modalGroup" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">新增</h4>
            </div>
            <div class="modal-body tree">
                <div class="t-list">
                    <div class="modal-body-left" style="width: 59%;">
                        <div class="modal-body-tree">
                            <div class="t-list-btns">
                                <p>权限设置</p>
                            </div>
                            <div>
                                <div id="treeOrgDiv1" class="treeOrgDiv hide">
                                    <ul id="treeOrg1" class="ztree fl treeOrg"></ul>
                                </div>
                                <div id="treeOrgDiv2" class="treeOrgDiv hide">
                                    <ul id="treeOrg2" class="ztree fl treeOrg"></ul>
                                </div>
                            </div>
                            <input type="hidden" id="manageGrupId" value=""/>
                            <input type="hidden" id="manageGrupListBefore" value=""/>
                        </div>
                    </div>
                    <div class="modal-body-right" style="width: 40%;">
                        <div class="person-setting first" id="videoGroupDescrebeEdit">
                            <div class="t-columns-1">
                                <form id="addEditAreaForm">
                                    <ul class="t-columns-group">
                                        <li id="seleVideoAreaRadioLi">
                                            <form>
                                                <label class="radio-inline">
                                                    <input type="radio" name="videoArea" value="1"
                                                           id="videoAreaOldRadio">
                                                    <span class="spanArea">老园区</span>
                                                </label>
                                                <label class="radio-inline">
                                                    <input type="radio" name="videoArea" value="2">
                                                    <span class="spanArea">新园区</span>
                                                </label>
                                            </form>
                                        </li>
                                        <li>
                                            <span style="float: left;">名称</span>
                                            <span style="display: inline-block;width: 100px;"><input type="text" id="videoGroupName" maxlength="10" placeholder="视频组名称最长10个字符"></span>
                                            <input type="hidden" id="videoGroupNameBefore">
                                        </li>
                                    </ul>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="saveGroupBtn">保存</button>
            </div>
        </div>
    </div>
</div>

<!--删除提示模态框-->
<div class="modal fade bs-example-modal-sm in" id="dellModel" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content" style="margin-top: 258px;">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title">是否删除该视频组?</h4>
            </div>
            <div class="modal-body">
                <div class="t-list">
                    <div id="delMenuName" class="title" style="font-weight: bold;">
                    </div>
                    <div class="content mt-10">
                        <span id="dellGroupName"></span>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <input type="hidden" id="dellModelId">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="saveDellBtn">确定</button>
            </div>
        </div>
    </div>
</div>


<!--提示模态框-->
<div class="modal fade bs-example-modal-sm" id="myTip" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-body" style="text-align:center;font-size:14px;">
                <i id="icon-tip" style="margin-right:6px;"></i>
                <span class="tip-info"></span>
            </div>
        </div>
    </div>
</div>

<!--jQuery库脚本-->
<!--非IE8浏览器-->
<!--[if !(IE 8)]><!-->
<script type="text/javascript" src="../../../assets/lib/jquery/jquery.min.js"></script><!--<![endif]-->
<!--IE8浏览器-->
<!--[if IE 8]>
<script type="text/javascript" src="../../../assets/lib/jquery/jquery-ie8.min.js"></script><![endif]-->
<script type="text/javascript" src="../../../assets/lib/jQuery-slimScroll-1.3.8/jquery.slimscroll.min.js"></script>

<script charset="utf-8" src="../../../assets/lib/tipModal/js/tipModal.js"></script>

<script charset="utf-8" src="../../../assets/common/loadHeaderAndCopyright.js"></script>

<script charset="utf-8" src="../../../assets/common/categorySelect.js"></script>
<!--模态框-->
<script charset="utf-8" src="../../../assets/lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>

<script charset="utf-8" src="../../../assets/common/centerModal.js"></script>

<script charset="utf-8" src="../../../assets/common/ajaxPoster.js"></script>
<!--分页脚本-->
<script charset="utf-8" src="../../../assets/lib/pagination/1.2.1/jquery.pagination.js"></script>
<script charset="utf-8" src="../../../assets/common/loaderTable.js"></script>

<script charset="utf-8" src="../../../js/monitorDevices/videoGroupManagement/videoGroupManagement.js"></script>
<script charset="utf-8" src="../../../assets/lib/formValidator/formValidator.js"></script>
<script charset="utf-8" src="../../../assets/lib/formValidator/formValidatorRegex.js"></script>
<!--树形节点-->
<script charset="utf-8" src="../../../assets/lib/zTree/js/jquery.ztree.core.min.js"></script>
<script charset="utf-8" src="../../../assets/lib/zTree/js/jquery.ztree.excheck.min.js"></script>
<script charset="utf-8" src="../../../assets/lib/zTree/js/jquery.ztree.exedit.min.js"></script>
</body>
</html>